﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.计时器</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_计时器/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_计时器/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1792" class="ax_default box_1">
        <div id="u1792_div" class=""></div>
        <div id="u1792_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1793" class="ax_default _三级标题">
        <div id="u1793_div" class=""></div>
        <div id="u1793_text" class="text ">
          <p><span>计时器</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1794" class="ax_default label">
        <div id="u1794_div" class=""></div>
        <div id="u1794_text" class="text ">
          <p><span>00:00:00</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1795" class="ax_default" data-left="98" data-top="89" data-width="313" data-height="25">

        <!-- Unnamed (矩形) -->
        <div id="u1796" class="ax_default _形状">
          <div id="u1796_div" class=""></div>
          <div id="u1796_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1797" class="ax_default" data-left="104" data-top="98" data-width="38" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u1798" class="ax_default _形状">
            <img id="u1798_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1798_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1799" class="ax_default _形状">
            <img id="u1799_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1799_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1800" class="ax_default _形状">
            <img id="u1800_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1800_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1801" class="ax_default _形状">
            <img id="u1801_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1801_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1802" class="ax_default _形状">
            <img id="u1802_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1802_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1803" class="ax_default" data-left="379" data-top="96" data-width="26" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u1804" class="ax_default _形状">
            <div id="u1804_div" class=""></div>
            <div id="u1804_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1805" class="ax_default _形状">
            <div id="u1805_div" class=""></div>
            <div id="u1805_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1806" class="ax_default _形状">
            <div id="u1806_div" class=""></div>
            <div id="u1806_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1807" class="ax_default" data-left="99" data-top="591" data-width="312" data-height="46">

        <!-- Rectangle (矩形) -->
        <div id="u1808" class="ax_default _形状" data-label="Rectangle">
          <div id="u1808_div" class=""></div>
          <div id="u1808_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1809" class="ax_default image">
          <img id="u1809_img" class="img " src="images/1_1设定时间/u105.png"/>
          <div id="u1809_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1810" class="ax_default label">
        <div id="u1810_div" class=""></div>
        <div id="u1810_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1811" class="ax_default label">
        <div id="u1811_div" class=""></div>
        <div id="u1811_text" class="text ">
          <p><span>外接智能灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1812" class="ax_default label">
        <div id="u1812_div" class=""></div>
        <div id="u1812_text" class="text ">
          <p><span>秒表</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1813" class="ax_default label">
        <div id="u1813_div" class=""></div>
        <div id="u1813_text" class="text ">
          <p><span>计时器</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1814" class="ax_default image">
        <img id="u1814_img" class="img " src="images/1_1设定时间/u110.png"/>
        <div id="u1814_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1815" class="ax_default image">
        <img id="u1815_img" class="img " src="images/1_1设定时间/u57.png"/>
        <div id="u1815_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1816" class="ax_default image">
        <img id="u1816_img" class="img " src="images/1_1设定时间/u168.png"/>
        <div id="u1816_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1817" class="ax_default _形状">
        <img id="u1817_img" class="img " src="images/4_计时器/u1817.svg"/>
        <div id="u1817_text" class="text ">
          <p><span>环形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1818" class="ax_default _三级标题">
        <div id="u1818_div" class=""></div>
        <div id="u1818_text" class="text ">
          <p><span>计时器——首页</span></p>
        </div>
      </div>

      <!-- Unnamed (向右箭头) -->
      <div id="u1819" class="ax_default _形状">
        <img id="u1819_img" class="img " src="images/3_秒表/u1704.svg"/>
        <div id="u1819_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1820" class="ax_default icon">
        <img id="u1820_img" class="img " src="images/3_秒表/u1705.svg"/>
        <div id="u1820_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1821" class="ax_default image">
        <img id="u1821_img" class="img " src="images/3_秒表/u1700.png"/>
        <div id="u1821_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1822" class="ax_default image">
        <img id="u1822_img" class="img " src="images/1_1设定时间/u110.png"/>
        <div id="u1822_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1823" class="ax_default box_1">
        <div id="u1823_div" class=""></div>
        <div id="u1823_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1824" class="ax_default _三级标题">
        <div id="u1824_div" class=""></div>
        <div id="u1824_text" class="text ">
          <p><span>计时器</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1825" class="ax_default label">
        <div id="u1825_div" class=""></div>
        <div id="u1825_text" class="text ">
          <p><span>00:20:00</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1826" class="ax_default" data-left="536" data-top="89" data-width="313" data-height="25">

        <!-- Unnamed (矩形) -->
        <div id="u1827" class="ax_default _形状">
          <div id="u1827_div" class=""></div>
          <div id="u1827_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1828" class="ax_default" data-left="542" data-top="98" data-width="38" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u1829" class="ax_default _形状">
            <img id="u1829_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1829_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1830" class="ax_default _形状">
            <img id="u1830_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1830_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1831" class="ax_default _形状">
            <img id="u1831_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1831_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1832" class="ax_default _形状">
            <img id="u1832_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1832_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1833" class="ax_default _形状">
            <img id="u1833_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1833_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1834" class="ax_default" data-left="817" data-top="96" data-width="26" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u1835" class="ax_default _形状">
            <div id="u1835_div" class=""></div>
            <div id="u1835_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1836" class="ax_default _形状">
            <div id="u1836_div" class=""></div>
            <div id="u1836_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1837" class="ax_default _形状">
            <div id="u1837_div" class=""></div>
            <div id="u1837_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1838" class="ax_default" data-left="537" data-top="591" data-width="312" data-height="46">

        <!-- Rectangle (矩形) -->
        <div id="u1839" class="ax_default _形状" data-label="Rectangle">
          <div id="u1839_div" class=""></div>
          <div id="u1839_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u1840" class="ax_default image">
          <img id="u1840_img" class="img " src="images/1_1设定时间/u105.png"/>
          <div id="u1840_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1841" class="ax_default label">
        <div id="u1841_div" class=""></div>
        <div id="u1841_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1842" class="ax_default label">
        <div id="u1842_div" class=""></div>
        <div id="u1842_text" class="text ">
          <p><span>外接智能灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1843" class="ax_default label">
        <div id="u1843_div" class=""></div>
        <div id="u1843_text" class="text ">
          <p><span>秒表</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1844" class="ax_default label">
        <div id="u1844_div" class=""></div>
        <div id="u1844_text" class="text ">
          <p><span>计时器</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1845" class="ax_default image">
        <img id="u1845_img" class="img " src="images/1_1设定时间/u110.png"/>
        <div id="u1845_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1846" class="ax_default image">
        <img id="u1846_img" class="img " src="images/1_1设定时间/u57.png"/>
        <div id="u1846_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1847" class="ax_default image">
        <img id="u1847_img" class="img " src="images/1_1设定时间/u168.png"/>
        <div id="u1847_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1848" class="ax_default _形状">
        <img id="u1848_img" class="img " src="images/1_1设定时间/u153.svg"/>
        <div id="u1848_text" class="text ">
          <p><span>环形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1849" class="ax_default image">
        <img id="u1849_img" class="img " src="images/3_秒表/u1700.png"/>
        <div id="u1849_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1850" class="ax_default image">
        <img id="u1850_img" class="img " src="images/1_1设定时间/u110.png"/>
        <div id="u1850_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1851" class="ax_default box_1">
        <div id="u1851_div" class=""></div>
        <div id="u1851_text" class="text ">
          <p><span>99&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 59&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 59</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1852" class="ax_default box_1">
        <div id="u1852_div" class=""></div>
        <div id="u1852_text" class="text ">
          <p><span>00&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 00&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1853" class="ax_default box_1">
        <div id="u1853_div" class=""></div>
        <div id="u1853_text" class="text ">
          <p><span>01&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 01&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 01</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1854" class="ax_default box_1">
        <div id="u1854_div" class=""></div>
        <div id="u1854_text" class="text ">
          <p><span>：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1855" class="ax_default box_1">
        <div id="u1855_div" class=""></div>
        <div id="u1855_text" class="text ">
          <p><span>：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1856" class="ax_default box_1">
        <div id="u1856_div" class=""></div>
        <div id="u1856_text" class="text ">
          <p><span>时&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 分&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 秒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1857" class="ax_default box_1">
        <img id="u1857_img" class="img " src="images/4_计时器/u1857.svg"/>
        <div id="u1857_text" class="text ">
          <p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">1、点击导航栏“计时器”，进入</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">【计时器——首页</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】，页面由上至下分别显示环形进度条、数字计时器、时间设定区、蓝色启动键、启动键左侧的复位按钮和启动键右侧的铃声按钮。</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">2、时间设定区初始时间为00:00:00，若点用户未设定时间，则无法点击启动键，初始状态无法点击复位按钮。时间设置三个维度——</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 时：取值范围为00-99，每1小时取值，数字列表循环转动；</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 分：取值范围0059，每1分钟取值，数字列表循环显示。</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 秒：取值范围为00-59，每1秒钟取值，数字列表循环转动；</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">&nbsp;&nbsp;&nbsp; 当分针条由59滑动到00时，时针条自动加一位，当分针条由00滑动到59时，时针条自动减一位，同理应用于秒针条和分针条。</span></p><p style="line-height:normal;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3、选中的时间显示为</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#363636;">黑色#</span><span style="font-family:'Nunito Sans';font-weight:400;color:#363636;">363636</span><span style="font-family:'Nunito Sans';font-weight:400;">，最上及最下的时间显示为</span><span style="font-family:'Nunito Sans';font-weight:400;color:#979797;">灰色#979797</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">表盘下方的数字计时器初始时间为00:00:00，开启后开始计时。</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">4、进入</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">【计时器——启动页</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】状态，按钮变为暂停键，秒表盘指针开始逆时针转动，蓝色条形根据用户设定的时间匀速倒退，当计时完成时，进度条全部消失。</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">3、点击暂停按钮，秒表盘和数字计时器均停止，此时点击左侧的复位按钮可将秒表归零。无论计时是否停止，按动复位按钮均可归零。</span></p><p style="line-height:21px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">4、计时前，点击右侧铃声按钮，进入</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">【计时器——选择铃声</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】页面，详细功能参考</span><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">【1.3铃声设置</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">】。</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1858" class="ax_default _形状">
        <img id="u1858_img" class="img " src="images/4_计时器/u1858.svg"/>
        <div id="u1858_text" class="text ">
          <p><span>环形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1859" class="ax_default _三级标题">
        <div id="u1859_div" class=""></div>
        <div id="u1859_text" class="text ">
          <p><span>计时器——启动页</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1860" class="ax_default icon">
        <img id="u1860_img" class="img " src="images/3_秒表/u1694.svg"/>
        <div id="u1860_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1861" class="ax_default _线段">
        <img id="u1861_img" class="img " src="images/4_计时器/u1861.svg"/>
        <div id="u1861_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1862" class="ax_default _形状">
        <img id="u1862_img" class="img " src="images/4_计时器/u1817.svg"/>
        <div id="u1862_text" class="text ">
          <p><span>环形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1863" class="ax_default _形状">
        <img id="u1863_img" class="img " src="images/4_计时器/u1858.svg"/>
        <div id="u1863_text" class="text ">
          <p><span>环形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u1864" class="ax_default _线段">
        <img id="u1864_img" class="img " src="images/4_计时器/u1861.svg"/>
        <div id="u1864_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1865" class="ax_default box_1">
        <div id="u1865_div" class=""></div>
        <div id="u1865_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1866" class="ax_default _形状">
        <img id="u1866_img" class="img " src="images/4_计时器/u1866.svg"/>
        <div id="u1866_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1867" class="ax_default box_1">
        <div id="u1867_div" class=""></div>
        <div id="u1867_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1868" class="ax_default" data-left="92" data-top="724" data-width="312" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u1869" class="ax_default _形状">
          <div id="u1869_div" class=""></div>
          <div id="u1869_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1870" class="ax_default" data-left="99" data-top="733" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u1871" class="ax_default _形状">
            <img id="u1871_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1871_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1872" class="ax_default _形状">
            <img id="u1872_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1872_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1873" class="ax_default _形状">
            <img id="u1873_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1873_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1874" class="ax_default _形状">
            <img id="u1874_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1874_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1875" class="ax_default _形状">
            <img id="u1875_img" class="img " src="images/1_1设定时间/u70.svg"/>
            <div id="u1875_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1876" class="ax_default" data-left="372" data-top="732" data-width="26" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u1877" class="ax_default _形状">
            <div id="u1877_div" class=""></div>
            <div id="u1877_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1878" class="ax_default _形状">
            <div id="u1878_div" class=""></div>
            <div id="u1878_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1879" class="ax_default _形状">
            <div id="u1879_div" class=""></div>
            <div id="u1879_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1880" class="ax_default image">
        <img id="u1880_img" class="img " src="images/1_1设定时间/u121.png"/>
        <div id="u1880_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- text - h2 (矩形) -->
      <div id="u1881" class="ax_default _文本段落" data-label="text - h2">
        <div id="u1881_div" class=""></div>
        <div id="u1881_text" class="text ">
          <p><span>选择铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1882" class="ax_default box_1">
        <div id="u1882_div" class=""></div>
        <div id="u1882_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1883" class="ax_default box_1">
        <div id="u1883_div" class=""></div>
        <div id="u1883_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1884" class="ax_default box_1">
        <div id="u1884_div" class=""></div>
        <div id="u1884_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1885" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1885_div" class=""></div>
        <div id="u1885_text" class="text ">
          <p><span>Forest Melody（默认）</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1886" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1886_div" class=""></div>
        <div id="u1886_text" class="text ">
          <p><span>Cuckoo</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1887" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1887_div" class=""></div>
        <div id="u1887_text" class="text ">
          <p><span>Morning Light</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1888" class="ax_default box_1">
        <div id="u1888_div" class=""></div>
        <div id="u1888_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1889" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1889_div" class=""></div>
        <div id="u1889_text" class="text ">
          <p><span>Ocean Whisper</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1890" class="ax_default box_1">
        <img id="u1890_img" class="img " src="images/1_3铃声设置/u280.svg"/>
        <div id="u1890_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1891" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1891_div" class=""></div>
        <div id="u1891_text" class="text ">
          <p><span>选择本地音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u1892" class="ax_default image">
        <img id="u1892_img" class="img " src="images/1_1设定时间/u121.png"/>
        <div id="u1892_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1893" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1893_div" class=""></div>
        <div id="u1893_text" class="text ">
          <p><span>系统铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1894" class="ax_default box_1">
        <div id="u1894_div" class=""></div>
        <div id="u1894_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1895" class="ax_default box_1">
        <div id="u1895_div" class=""></div>
        <div id="u1895_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1896" class="ax_default box_1">
        <div id="u1896_div" class=""></div>
        <div id="u1896_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1897" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1897_div" class=""></div>
        <div id="u1897_text" class="text ">
          <p><span>Aegean Sea</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1898" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1898_div" class=""></div>
        <div id="u1898_text" class="text ">
          <p><span>Alarm Beep</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1899" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1899_div" class=""></div>
        <div id="u1899_text" class="text ">
          <p><span>Alarm Rooster</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1900" class="ax_default box_1">
        <div id="u1900_div" class=""></div>
        <div id="u1900_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1901" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1901_div" class=""></div>
        <div id="u1901_text" class="text ">
          <p><span>Awakening</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1902" class="ax_default box_1">
        <div id="u1902_div" class=""></div>
        <div id="u1902_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1903" class="ax_default box_1">
        <div id="u1903_div" class=""></div>
        <div id="u1903_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1904" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1904_div" class=""></div>
        <div id="u1904_text" class="text ">
          <p><span>Blue Harbor</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u1905" class="ax_default _文本段落" data-label="paragraph">
        <div id="u1905_div" class=""></div>
        <div id="u1905_text" class="text ">
          <p><span>Bugle</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1906" class="ax_default ellipse selected" selectiongroup="选中">
        <img id="u1906_img" class="img " src="images/1_3铃声设置/u366_selected.svg"/>
        <div id="u1906_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1907" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1907_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1907_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1908" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1908_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1908_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1909" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1909_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1909_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1910" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1910_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1910_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1911" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1911_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1911_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1912" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1912_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1912_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1913" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1913_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1913_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1914" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1914_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1914_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u1915" class="ax_default ellipse" selectiongroup="选中">
        <img id="u1915_img" class="img " src="images/1_3铃声设置/u366.svg"/>
        <div id="u1915_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1916" class="ax_default sticky_1">
        <div id="u1916_div" class=""></div>
        <div id="u1916_text" class="text ">
          <p><span>此处有交互，请单击按钮。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1917" class="ax_default _三级标题">
        <div id="u1917_div" class=""></div>
        <div id="u1917_text" class="text ">
          <p><span>计时器——选择铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1918" class="ax_default icon">
        <img id="u1918_img" class="img " src="images/4_计时器/u1918.svg"/>
        <div id="u1918_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
